<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
	<title>查询违章</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<link rel="stylesheet" href="../css/public-head.css" />
	<link rel="stylesheet" type="text/css" href="../css/query-violation.css" />
	<link rel="stylesheet" href="../css/aui.css" />
	<link rel="stylesheet" href="../css/mui.css" />
</head>

<body>
	<!--下拉框-->
	<div class="box">
		<div class="drop">
			<div class="drop-box1">
				<div><img src="../image/icon/lswz@2x.png" alt="" /></div>
				<span class="wordpath">历史违章记录</span>
			</div>
			<div class="drop-box1 drop-box2">
				<div><img src="../image/icon/fenx@2x.png" alt="" /></div>
				<span class="wordpath">分享我的违章</span>
			</div>
			<div class="drop-box1 drop-box3">
				<div><img src="../image/icon/ding4@2x.png" alt="" /></div>
				<span class="wordpath">违章处理地址</span>
			</div>
			<div class="drop-box1 drop-box4">
				<div><img src="../image/icon/wzccl@2x.png" alt="" /></div>
				<span class="wordpath">违章处理须知</span>
			</div>
		</div>
	</div>
   <div class="background">
        <img src="../image/icon/bj-3@2x.png">
   </div>
   <div class="main">
   	    <div class="user">
   	    	<div class="touxiang"><img src="../image/icon/touxiang@2x.png" alt="" /></div>
   	    	<div class="name-msg">下午好，张先生！</div>
   	    	<div class="car-number">桂A·75N57</div>
   	    	<div class="deduction">
   	    		<div class="deduction-word">罚款：<span>300</span></div>
   	    		<div class="deduction-koufen">扣分：<span>6</span></div>
   	    		<div class="deduction-number"><span>23</span></div>
   	    	</div>
   	    </div>
   	    <div class="contain-con">
   	    	<div class="list">
   	    		<div class="list-tu">
   	    			<img src="../image/icon/ding2@2x.png" alt="" />
   	    			<div class="list-tu-xian"></div>
   	    		</div>
   	    		<div class="list-right">
   	    				<div class="list-di">
		   	    			<div>南石246省道68公里400米</div>
		   	    			<div>驾驶机动车在限速低于60公...</div>
		   	    			<span>2017-11-27&nbsp;&nbsp;&nbsp;12:30</span>
		   	    		</div>
		   	    		<div class="list-fen">
		   	    			<div class="list-fen-m">
			   	    			<img src="../image/icon/cx$@2x.png" alt="" />
			   	    			<div class="fen">-0</div>
			   	    		</div>
			   	    		<div class="list-fen-f">
			   	    			<img src="../image/icon/cxf@2x.png" alt="" />
			   	    			<div class="fen">-150</div>
			   	    		</div>
		   	    		</div>
   	    		</div>
   	    	</div>
   	    	<div class="list">
   	    		<div class="list-tu">
   	    			<img src="../image/icon/ding2@2x.png" alt="" />
   	    			<div class="list-tu-xian"></div>
   	    		</div>
   	    		<div class="list-right">
   	    				<div class="list-di">
		   	    			<div>南石246省道68公里400米</div>
		   	    			<div>驾驶机动车在限速低于60公...</div>
		   	    			<span>2017-11-27&nbsp;&nbsp;&nbsp;12:30</span>
		   	    		</div>
		   	    		<div class="list-fen">
		   	    			<div class="list-fen-m">
			   	    			<img src="../image/icon/cx$@2x.png" alt="" />
			   	    			<div class="fen">-0</div>
			   	    		</div>
			   	    		<div class="list-fen-f">
			   	    			<img src="../image/icon/cxf@2x.png" alt="" />
			   	    			<div class="fen">-150</div>
			   	    		</div>
		   	    		</div>
   	    		</div>
   	    	</div>
   	    </div>
   </div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/public-head.js"></script>
<script type="text/javascript" src="../script/rem.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>
<script src="../script/template-web.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
	/*apiready = function() {
		init()
		// 获取登录信息
		fnGetLoginData()
	};*/
	headInner({
			title: "",
			//headleft
			headl: '<a href="javascript:history.back(-1)" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
			//headright
			headr: '<div class="drop-box"><img src="../image/icon/list@2x" alt=""  /></div>',
			color: "transparent", //默认是蓝色
			padding: "0 0 0", //默认有padding:45px 15px 0;
		})
		// 获取登录信息
	/*function fnGetLoginData() {
		fnshowTime()
		var vip_infodata;
		var vip_data = $api.getStorage('UserBase');
		api.addEventListener({
			name: 'tap'
		}, function(ret, err) { // alert('点击了页面');
			if (!vip_data) {
				Login()
			} else {
				console.log('点击了页面');
			}
		});
		BASE.MYajax({
			'pathName': 'vip/getVipInfo',
			'methods': 'get',
			'method': GetvipBackData
		});
	}
	function GetvipBackData(ret,err) {
		if(ret.code==200){
			vip_infodata=ret.data;
		}
		vip_data = $api.getStorage('UserBase');
		vip_data.showTime = showTime;
		var obj = {
			'isLogin': vip_data,
			'vip_info':vip_infodata
		}
		console.log(JSON.stringify(obj));
		var html = template('loginTemp', obj);
		document.getElementById('isLogin').innerHTML = html; //绑定ID 渲染
	}

	function Login() {
		api.openWin({
			name: 'Login',
			url: 'Login.html',
			bounces: false,
			opaque: false,
			showProgress: true,
			vScrollBarEnabled: false,
			hScrollBarEnabled: false,
			slidBackEnabled: false,
			delay: 1000,
			animation: {
				type: 'ripple',
				duration: 1000
			}
		});
	}

	function fnshowTime() {
		var now = new Date();
		var hour = now.getHours();
		if (hour < 6) {
			showTime = "凌晨好！"
		} else if (hour < 9) {
			showTime = "早上好！"
		} else if (hour < 12) {
			showTime = "上午好！"
		} else if (hour < 14) {
			showTime = "中午好！"
		} else if (hour < 17) {
			showTime = "下午好！"
		} else if (hour < 19) {
			showTime = "傍晚好！"
		} else if (hour < 22) {
			showTime = "晚上好！"
		} else {
			showTime = "夜里好！"
		}
	}*/




</script>

</html>
